<template>
    <dl class="t-b-item" @click="goDetail">
        <dt>
            <img :src="cover" alt="">
        </dt>
        <dd>{{title}}</dd>
    </dl>
</template>
<script>
export default {
    props:['cover','title','fictionId'],
    methods:{
        goDetail(){
            this.$router.push({path:`/detail/${this.fictionId}`})
        }
    }
}
</script>
<style lang="scss">
    .t-b-item{
        width:33.3%;
        dt{
            width:80px;
            margin:0 auto;
            img{
                width:100%;
                height:100%;
            }
        }
        dd{
            font-size:12px;
            text-align: center;
        }
    }
</style>

